<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML中的id属性, div和span</title>
</head>
<body>
<!--    HTML 中任何元素都有 id 属性, id 是该元素的唯一标识,-->
<!--    所以一个 HTML 文件的 id 属性不能重复-->
<!--    表单提交数据时候只和 name 有关, 和 id 无关-->
<!--    但是 id 可以让我们更方便获取这个元素-->
<!--    js 中常用-->
<!--    js 可以对 HTML 文档的任意元素进行增删改, id 可以帮助获取元素更加方便-->
<!--    body 和 html 标签都可以加 id-->


<!--    HTML文件的结构像一颗树, 每个节点都需要有一个 id 方便找到-->
<!--    这个树叫 DOM 树-->
<!--    所以说 JavaScript 的作用就是为了对树的节点进行增删改-->


<!--    div和span, 都可以称为图层-->
<!--    它的作用是布局,-->
<!--    区别:-->
<!--    默认情况下, div 会独占一行, span 不会-->

    <div id="div1">这个是一个div</div>
    <div id="div2">这个是一个div</div>
    <span id="span1">这是一个span</span>
    <span id="span2">这是一个span</span>
</body>
</html>